<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>bili视频的工具栏</title>
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
		<div class="arc-toolbar">
			<div class="block">
				<span class="container share">
                <i class="icon icon-anim-share" title="分享" style="background-position: 0 0;"></i>
                <div class="container-text">
                    <span class="container-text-name">分享</span>
				<span class="container-text-item">3411</span>
			</div>
			</span>
		</div>
		<div class="block">
			<span class="container fav" href="#" onclick="alert('收藏成功')">
                <i class="icon icon-anim-fav" title="收藏" style="background-position: 0 0;"></i>
                <div class="container-text">
                    <span class="container-text-name">收藏</span>
			<span class="container-text-item">18519</span>
		</div>
		</span>
		</div>
		<div class="block" id="app_qrcode_box">
			<span class="container app">
                <i class="icon icon-anim-app" title="用手机看" style="background-position: 0 0;"></i>
                <div class="container-text">
                    <span class="container-text-name">用手机看</span>
			<span class="container-text-item">离线看更方便</span>
		</div>
		</span>
		</div>
		<div class="block">
			<span class="container coin">
                <i class="icon icon-anim-coin" title="投硬币" style="background-position: 0 0;"></i>
                <div class="container-text">
                    <span class="container-text-name">硬币</span>
			<span class="container-text-item">7204</span>
		</div>
		</span>
		</div>
		<div class="block">
			<span class="container zan">
                <i class="icon icon-anim-zan" title="点赞" style="background-position: 0 0;"></i>
                <div class="container-text">
                    <span class="container-text-name">点赞</span>
			<span class="container-text-item">999</span>
		</div>
		</span>
		</div>
		<div class="elecrank-btn">
			<div class="elecrank-bg" style="background-position: 0 0;"></div><span>为TA充电</span>
		</div>
		</div>
	</body>

</html>